<!-- Sidebar -->
<div id="side-content">

<nav class="navbar-default" role="navigation" style="margin-bottom: 0">
    
    <div class="navbar-header">
        <button id="menu-toggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <span class="visible-xs navbar-brand">Menu</span>
    </div>

    <div class="navbar-default navbar-static-side" role="navigation">
        
        <div class=" navbar-collapse collapse">
            <div id="header-logo">
                <a id="base-url" href="<?php echo site_url('') ?>" ><img src="<?php echo base_url(); ?>assets/upload/logo-small.jpg" class="img-responsive img-center" alt="Greater Traveler" style="margin: auto;"></a>
</div>
            <ul class="nav nav-bar side-nav" id="side-menu">
                <li class="<?php echo ($current_section == 'member') ? 'active' : '' ?>"><a href="<?php echo site_url('member') ?>"><i class="fa fa-user"></i> Member Directory</a></li>
                <li class="<?php echo ($current_section == 'category') ? 'active' : '' ?>"><a href="<?php echo site_url('category') ?>"><i class="fa fa-th-list"></i>Chamber Categories</a></li>
                <li class="<?php echo ($current_section == 'calendar') ? 'active' : '' ?>"><a href="<?php echo site_url('calendar') ?>"><i class="fa fa-calendar-o"></i>Chamber Calendar</a></li>
                <li class="<?php echo ($current_section == 'area_info') ? 'active' : '' ?>"><a href="<?php echo site_url('area_info') ?>"><i class="fa fa-map-marker"></i>  Area Information</a></li>
                <li class="<?php echo ($current_section == 'logout') ? 'active' : '' ?>"><a href="<?php echo site_url('logout') ?>"><i class="fa fa-power-off"></i>Logout</a></li>
            </ul>
        </div>
    </div>
</nav>
</div>

